<template>
  <view class="addBank-box">
    <view class="addBank-list">
      <view class="addBank-item">
        <view class="item-tips">
          <text class="item-tips">请选择银行</text>
          <uni-icons type="closeempty" size="14"></uni-icons>
        </view>
        <view class="item-bank">
          <text>工商银行</text>
          <uni-icons type="checkmarkempty" class="icon" size="14"></uni-icons>
        </view>
        <view class="item-bank">
          <text>农业银行</text>
          <!-- <uni-icons type="checkmarkempty" class="icon" size="14"></uni-icons> -->
        </view>
        <view class="item-bank">
          <text>中国银行</text>
          <!-- <uni-icons type="checkmarkempty" class="icon" size="14"></uni-icons> -->
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style lang="scss">
.addBank-box {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  .addBank-list {
    width: 100%;
    height: 638rpx;
    position: absolute;
    bottom: 0;
    padding: 0 47rpx;
    .addBank-item {
      .item-tips {
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 101.5rpx;
        line-height: 101.5rpx;
        text {
          font-size: 24rpx;
          color: #999;
        }
      }
      .item-bank {
        // width: 100%;
        height: 100rpx;
        line-height: 100rpx;
        display: flex;
        justify-content: space-between;
        // border: 1rpx solid #000;
        // background-color: #F8F2E8;
        .icon {
          margin-right: 70rpx;
        }
      }
      
    }
  }
}
</style>
